<template>
	<view class="box">
		<!-- logo -->
		<view class="login_title">
			欢迎登录小U商城
		</view>
		<image class="login_logo"  src="../../static/logo/orange.png" alt="" />
		<button class="login_but" hover-class="touchOpacity" open-type="getPhoneNumber" @getphonenumber="_wxLogin">
			微信用户一键登录
		</button>
		<view  class="login_text" hover-class="touchOpacity" @click="goPhoneLogin">手机号验证注册/登录</view>
	</view>
</template>

<script>

	export default {
		data() {
			return {
			}
		},
		onLoad() {},
		methods: {
			goPhoneLogin(){
				uni.navigateTo({
					url:'../textlogin/textlogin'
				})
			},
			_wxLogin(e){
				// #ifndef MP-WEIXIN
					uni.showToast({
						title:'此平台不支持微信一键登陆',
						icon:'none'
					})
				// #endif
				// #ifdef MP-WEIXIN
					if(e.detail.errMsg == 'getPhoneNumber:fail user deny'){
						uni.showToast({
							title:'您拒绝了登陆',
							icon:'error'
						})
						return
					}
					let encryptedData = e.detail.encryptedData;
					let iv = e.detail.iv;
					uni.login({
						success: async (res) => {
							let code = res.code;
							// console.log(code,iv,encryptedData);
							// 修改后台程序--routes文件夹下的index.js文件，找到 /wxlogin 里面把APPID、SECRET改成自己测试账号的
							let options = {
								url:'/api/wxlogin',
								method:'POST',
								data:{encryptedData,iv,code}
							}
							let result = await this.$http(options);
							console.log(result)
							// 把用户信息存储到本地存储中 userinfo
						}
					})
				// #endif
			}
		}
	}
</script>

<style>
	/* 导入外部的样式文件 */
	@import url("@/static/css/login.css");
</style>
